<table border="1" id="self">
		<thead>
		<tr>
			<th data-th-each="grade:${list}" data-th-field="${grade.course.name}"   data-th-text="${grade.course.name}" style="width: 300px"></th>
		</tr>			
		</thead>
		<tbody>
			<tr>
				<td data-th-each="grade:${list}" data-th-field="${grade.grade}" data-th-text="${grade.grade}"></td>
			</tr>
		</tbody>
	</table>
<script type="text/javascript">
$('#self').datagrid({
	fit:true,
	fitColumns:true
})
</script>